<!--
Version 0.1
SEMF - Web Desiging Framework for Sport Event Managment
Copyright (C) 2006, SEMF Developers

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

-->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="iso-8859-1" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">
  <xsl:apply-templates /> 
</xsl:template>

<xsl:template match="component">
	<span>

		<div> <!-- the outer panel -->
			<xsl:attribute name="id">
				<xsl:value-of select="@id"/>
			</xsl:attribute>
			<div class="hd">
				<xsl:for-each select="property/property">
					<xsl:if test="@key='Title'">
						<xsl:value-of select="."/>
					</xsl:if>
				</xsl:for-each>			
			</div>
			<div class="bd">
				<xsl:attribute name="style">
					<xsl:text>position:absolute; overflow:auto; </xsl:text>
					<xsl:text>width: </xsl:text>
						<xsl:for-each select="property/property">
							<xsl:if test="@key='Width'">
								<xsl:value-of select=".-9"/>
							</xsl:if>
						</xsl:for-each>	
					<xsl:text>px; height: </xsl:text>
						<xsl:for-each select="property/property">
							<xsl:if test="@key='Height'">
								<xsl:value-of select=".-27"/>
							</xsl:if>
						</xsl:for-each>	
					<xsl:text>px; top:25px; left:1px;</xsl:text>				
				</xsl:attribute>
				<xsl:attribute name="id">
					<xsl:text>_</xsl:text><xsl:value-of select="@id"/>
				</xsl:attribute>
			</div>
			<div class="ft"></div>
		</div>

		<script>
			<xsl:text>
				var panel = new YAHOO.widget.ResizePanel(&quot;</xsl:text>
				<xsl:value-of select="@id"/>
				
			<xsl:text>&quot;, { 
				effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25},
				
				width:&quot;</xsl:text>
				
				<xsl:for-each select="property/property">
					<xsl:if test="@key='Width'">
						<xsl:value-of select="."/>
					</xsl:if>
				</xsl:for-each>
			<xsl:text>px&quot;, height:&quot;</xsl:text>
			
				<xsl:for-each select="property/property">
					<xsl:if test="@key='Height'">
						<xsl:value-of select="."/>
					</xsl:if>
				</xsl:for-each>
				
			<xsl:text>px&quot;,  
				underlay:"shadow",
				close:true, visible:false, draggable:true, modal:false } 
				);
				panel.render();
				panel.show();
			</xsl:text>
		</script>
	</span>

</xsl:template>
</xsl:stylesheet>